<template>
  <div class="checkbutton">
    <div class="select" :class="{ check: isitem }" >
      <img src="~assets/img/cart/tick.svg" alt="" v-if="isitem" />
    </div>
  </div>
</template>

<script>
export default {
  name: "CheckButton",
  props: {
    isitem: {
      type: Boolean,
      default:false
    },
  },
  data() {
    return {
      
    };
  },
  methods: {
    
  },
  components: {},
};
</script>

<style  scoped>
.select {
  width: 22px;
  height: 22px;
  border-radius: 11px;
  border: 1px solid #ccc;
  line-height: 22px;
}

.check {
  border: 1px solid rgb(255, 129, 152);
  background-color: rgb(255, 129, 152);
}
</style>
